<?php $suattr = $sf_user->getAttribute('suattr') ?>
<div style="float: right;padding: 10px;">
    <a href="<?php echo url_for('@homepage') ?>"><b>Volver a Opinics</b></a>
</div>
<div id="configuration_menu">
<ul>
    <li class="selected"><a href="<?php echo url_for('@dashboard') ?>">Configuraci&oacute;n</a></li>
    <li><a href="<?php echo url_for('@articles_new') ?>">Escribir un artículo</a></li>
    <li><a href="<?php echo url_for('@history') ?>">Historial</a></li>
</ul>
</div>
<div id="configuration_content">
   <div id="configuration_in">
     <table width="100%">
      <tr>
        <td width="250px" valign="top">
          <h1>CONFIGURACI&Oacute;N</h1>
            <div id="tipo_cuenta" style="width: 225px;height: 32px;border: 1px solid #cdd2d6;margin-top: 10px;">
                <div style="float: left;padding: 10px;background-color: #cdd2d6;">tipo</div>
                <div style="float: left;padding: 10px;font-weight: bold;width: 129px;">
                    <?php echo $suattr[8] ?>
                </div>
                <div style="float: left;padding: 7px;">
                    <?php if($suattr[1]=='1'){ ?>
                      <?php echo image_tag('escritor.png','size=16x16') ?>
                    <?php }elseif($suattr[1]=='2'){ ?>
                      <?php echo image_tag('lector.png','size=16x16') ?>
                    <?php } ?>
                </div>
            </div>
          <br /><br /><br /><br />
            <div style="padding: 10px;">
              <?php if($sf_user->hasCredential('author')){ ?>
              <div style="padding: 10px;">
                <a href="<?php echo url_for('@myArticles') ?>">Mis articulos</a>
              </div>
              <div style="width: 60%;height: 1px;background-color: #cdd2d6;"></div>
              <?php } ?>
              <div style="padding: 10px;">
                <a href="<?php echo url_for('@myFavorites') ?>" style="font-weight: normal;">Mis favoritos</a>
              </div>
              <div style="width: 60%;height: 1px;background-color: #cdd2d6;"></div>
              <div style="padding: 10px;padding-top: 0;">
                <div style="position: relative;left: -20px;top: 13px;"><?php echo image_tag('bullet1.png') ?></div>
                <a href="<?php echo url_for('@myBalance') ?>" style="font-weight: normal;"><b>Ingresos</b></a>
              </div>
            </div>
        </td>
        <td width="5px">
            <div style="width: 1px;height: 300px;background-color: #cdd2d6;"></div>
        </td>
        <td width="745px" valign="top">
          <div style="padding: 15px;">
            <h1>Ingresos</h1>
            <br /><br />
            <fieldset style="width: 300px;min-height: 310px;float: left;">
              <legend>Mis ingresos</legend>
              <table width="290">
              <tr>
                <td>Artículo</td>
                <td>Ingreso acumulado</td>
              </tr>
              <?php for($i=0;$i<10;$i++){ ?>
              <tr>
                <td>
                    <a href="javascript:void(0)"
                       onclick="$('#detIngresosArticulo').hide().fadeIn();">
                        Titulo de la noticia</a></td>
                <td>24.75 $USD <?php echo image_tag('up.jpg') ?></td>
              </tr>
              <?php } ?>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="right">Total</td>
                <td>247.50 $USD</td>
              </tr>
              <tr>
                <td colspan="2" align="center">
                  <a href="">Cobrar todo</a>
                </td>
              </tr>
              </table>
            </fieldset>
            <fieldset style="width: 640px;min-height: 310px;">
              <legend>Detalle del ingreso</legend>
              <?php echo image_tag('left.jpg') ?>
              Selecciona un artículo para ver su detalle
              <div id="detIngresosArticulo">
              <h3>Título de la noticia</h3>
              <table cellpadding="5">
                <tr>
                  <td>Intervalo de fechas</td>
                  <td>24 Julio 2011 - 1 Agosto 2011</td>
                </tr>
                <tr>
                  <td>Costo por visita</td>
                  <td>0.25 $USD</td>
                </tr>
                <tr>
                  <td>Cantidad de visitas</td>
                  <td>99</td>
                </tr>
                <tr>
                  <td>Monto Total Acumulado</td>
                  <td>24.75 $USD</td>
                </tr>
                <tr>
                  <td colspan="2" align="center">
                    <a href="">Cobrar</a>
                  </td>
                </tr>
              </table>
              <br />
              <em>(*) Toda cobranza está sujeta a las formas de pago</em>
              </div>
            </fieldset>
          </div>
        </td>
      </tr>
     </table>
   </div>
</div>